<template>
  <div>
    <!-- lifetime设备寿终提醒:{{`height:${ite.h}00px,width${ite.w}00px`}}
    <input type="number" v-model="wi" /> -->
    <!-- <div :style="{background:'red',height:`${ite.h}00px`,width:`${ite.h}00px`}" ></div> -->
    
    <div id="lifetime"  :style="{height:`300px`,width:`500px`}"></div>
  </div>
</template>
<script>
import echarts from "echarts";
export default {
  mounted() {
    var lifetime = echarts.init(
      document.getElementById("lifetime")
    );
    var option = {
      title: {
        text: "",
        subtext:"(十万方)"
      },
       color: ['#3398DB'],
      xAxis: {
        type: 'category',
        data: ['1', '2', '3', '4', '5', '6', '7']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
    };
    lifetime.setOption(option, true);
  }
};
</script>